.cp-game-v-rule {
  .action {
    position: absolute;
    right: 48px;
    top: -12px;
    @include square(20px);
    @include borderRadius(3px);
    padding: 3px;
    box-sizing: border-box;
    color: #31d5ff;
    background: rgba(49, 213, 255, 0.4);

    .antd-mobile-icon {
      vertical-align: top !important;
    }
  }

  .car-wrapper {
    height: 100px;
    width: 200px;
    position: absolute;
    left: -50px;
    bottom: -70px;
    background-image: url(https://yinli-qixi-run.varwey.com/2023/230318-changan-kv-game/img/car-circle.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

    .car {
      padding: 13% 0 7%;
      height: 60%;
      margin-left: 37%;
    }
  }

  > .inner {
    font-size: 12px;
    text-align: left;
    padding: 8px;


    .header {
      font-size: 14px;
      text-align: center;
      background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #3ccfff, rgba(255, 255, 255, 0));
      background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #3ccfff, rgba(255, 255, 255, 0));
      background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #3ccfff, rgba(255, 255, 255, 0));
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3ccfff, rgba(255, 255, 255, 0));
      margin-bottom: 16px;
    }

    img{
      width: 100%;
    }

    .title {
      background: #1774eb;
      color: #fff;
      display: inline-block;
      padding: 6px 0px 5px 4px;
      line-height: 12px;
      position: relative;

      &:after {
        top: 0;
        left: 90%;
        content: "";
        position: absolute;
        background: #1774eb;
        height: 100%;
        width: 15px;
        transform: skew(30deg);
      }
    }

    p {
      line-height: 20px;
    }
  }
}

